Bond.js is a demo showing how much information companies can track on the web, and also serves as a warning to all internet users. It records
everything you do on a web page, such as mouseclicks, keystrokes, and scrolls, and
plays them back in exact order. You're essentially watching every move you made.
Why is this important, you ask? A social network could use a script like this to
see exactly where their users go, how long they spend on various posts, etc. Hackers
could embed a script like this to get all the information they could about an individual.
Usernames, passwords, and sensitive information would no longer be safe.
We often falsely assume that we are protected if we disable cookies. This website is all JavaScript,
which many web sites rely on for core functionality. So go ahead, make yourself
at home. Everything you do will be recorded. Scroll down to see how Bond.js works.
This is not intended to be used for commercial purposes. Instead, Bond.js demonstrates how much information companies can get about you on the web.
If you're a developer and want to know more, click here for the Github repository.
When you're done, click the button below to replay all your actions.
Here we have a search box. Type something in to search Flickr for images. Everything that you do and see is recorded.
Here are some elements that you can manipulate.
Text Input |
|
Password Input |
|
Text Area |
|
Select Menu |
|
Checkbox |
|
Radio Button |
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ac risus odio. Pellentesque quis arcu aliquet, vehicula velit in, aliquet turpis. Donec laoreet diam a elit commodo ullamcorper. Curabitur eget egestas ipsum, non sagittis sem. Praesent eleifend venenatis ante, eu laoreet magna facilisis vel. Sed dictum est aliquam accumsan scelerisque. Morbi volutpat semper augue quis tincidunt. Duis volutpat ultricies mauris, vel ullamcorper dui auctor eget. Praesent porttitor ante eget orci adipiscing fermentum. Donec euismod tempor consequat. Cras congue egestas mauris, a egestas justo adipiscing ac. Aliquam vitae posuere purus. Nulla facilisi. Maecenas id dolor turpis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse mollis velit a sagittis posuere. Mauris non faucibus leo. Donec a purus diam. Cras sit amet ligula urna. Nam sit amet odio id sem ornare lacinia id id felis. Donec sit amet elementum libero, sed fringilla elit. Aliquam vestibulum vel mi elementum laoreet. Fusce a fermentum est. Nam laoreet posuere dolor eu ornare. Nulla euismod erat cursus, euismod ipsum quis, auctor est. Curabitur lorem massa, interdum a quam ut, sodales luctus purus. Vestibulum consectetur vehicula sollicitudin. Sed magna ipsum, facilisis sed sem ut, sagittis viverra dolor. Donec elementum facilisis urna eget faucibus. Curabitur vel nisl consectetur, bibendum sem in, gravida ante. Sed vitae interdum velit. Ut ultrices nunc in turpis dapibus mattis. Sed bibendum molestie justo, in gravida ipsum condimentum quis. Etiam arcu quam, fermentum quis egestas ac, pretium non magna. Sed ac interdum justo. Ut in suscipit sapien. Sed enim arcu, consequat sit amet tellus sed, pulvinar elementum nibh. Fusce vulputate lectus metus, sit amet mollis elit fringilla eget. Vestibulum ullamcorper id quam id rutrum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam tempus bibendum tempus. Donec vehicula ac nisi vitae convallis. Praesent lobortis turpis a odio pulvinar volutpat. Nam ultricies nibh nec massa viverra, eu aliquet urna malesuada. Maecenas sit amet varius nibh. Nunc neque purus, ultrices vel aliquet ac, ultricies a orci. Donec lobortis metus odio, in placerat quam lacinia quis. Sed vel erat id sem condimentum ullamcorper sit amet id eros. Nam blandit nulla id hendrerit lobortis. Nullam vehicula venenatis urna ac bibendum. Aliquam est ligula, iaculis a metus eu, pellentesque facilisis lorem. Vivamus congue tellus sit amet est aliquam, aliquet venenatis nulla feugiat. Duis sodales at justo quis sagittis. Morbi consequat quam diam, id pretium magna lacinia eu. Morbi fermentum nunc urna, nec aliquam neque porta et. Nunc enim lectus, pellentesque et pellentesque vel, condimentum vitae ante. Donec augue massa, blandit eu viverra quis, adipiscing ut leo. Phasellus varius elementum lacus ac gravida. Duis adipiscing euismod bibendum. Vestibulum vel est vitae libero fermentum convallis. In vel dapibus magna. Duis vestibulum at nibh at tincidunt. Nam accumsan quis nisi a volutpat. Curabitur sollicitudin, ligula eget fringilla varius, dolor justo placerat neque, eu consequat tortor metus in nunc. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ac risus odio. Pellentesque quis arcu aliquet, vehicula velit in, aliquet turpis. Donec laoreet diam a elit commodo ullamcorper. Curabitur eget egestas ipsum, non sagittis sem. Praesent eleifend venenatis ante, eu laoreet magna facilisis vel. Sed dictum est aliquam accumsan scelerisque. Morbi volutpat semper augue quis tincidunt. Duis volutpat ultricies mauris, vel ullamcorper dui auctor eget. Praesent porttitor ante eget orci adipiscing fermentum. Donec euismod tempor consequat. Cras congue egestas mauris, a egestas justo adipiscing ac. Aliquam vitae posuere purus. Nulla facilisi. Maecenas id dolor turpis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse mollis velit a sagittis posuere. Mauris non faucibus leo. Donec a purus diam. Cras sit amet ligula urna. Nam sit amet odio id sem ornare lacinia id id felis. Donec sit amet elementum libero, sed fringilla elit. Aliquam vestibulum vel mi elementum laoreet. Fusce a fermentum est. Nam laoreet posuere dolor eu ornare. Nulla euismod erat cursus, euismod ipsum quis, auctor est. Curabitur lorem massa, interdum a quam ut, sodales luctus purus. Vestibulum consectetur vehicula sollicitudin. Sed magna ipsum, facilisis sed sem ut, sagittis viverra dolor. Donec elementum facilisis urna eget faucibus. Curabitur vel nisl consectetur, bibendum sem in, gravida ante. Sed vitae interdum velit. Ut ultrices nunc in turpis dapibus mattis. Sed bibendum molestie justo, in gravida ipsum condimentum quis. Etiam arcu quam, fermentum quis egestas ac, pretium non magna. Sed ac interdum justo. Ut in suscipit sapien. Sed enim arcu, consequat sit amet tellus sed, pulvinar elementum nibh. Fusce vulputate lectus metus, sit amet mollis elit fringilla eget. Vestibulum ullamcorper id quam id rutrum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam tempus bibendum tempus. Donec vehicula ac nisi vitae convallis. Praesent lobortis turpis a odio pulvinar volutpat. Nam ultricies nibh nec massa viverra, eu aliquet urna malesuada. Maecenas sit amet varius nibh. Nunc neque purus, ultrices vel aliquet ac, ultricies a orci. Donec lobortis metus odio, in placerat quam lacinia quis. Sed vel erat id sem condimentum ullamcorper sit amet id eros. Nam blandit nulla id hendrerit lobortis. Nullam vehicula venenatis urna ac bibendum. Aliquam est ligula, iaculis a metus eu, pellentesque facilisis lorem. Vivamus congue tellus sit amet est aliquam, aliquet venenatis nulla feugiat. Duis sodales at justo quis sagittis. Morbi consequat quam diam, id pretium magna lacinia eu. Morbi fermentum nunc urna, nec aliquam neque porta et. Nunc enim lectus, pellentesque et pellentesque vel, condimentum vitae ante. Donec augue massa, blandit eu viverra quis, adipiscing ut leo. Phasellus varius elementum lacus ac gravida. Duis adipiscing euismod bibendum. Vestibulum vel est vitae libero fermentum convallis. In vel dapibus magna. Duis vestibulum at nibh at tincidunt. Nam accumsan quis nisi a volutpat. Curabitur sollicitudin, ligula eget fringilla varius, dolor justo placerat neque, eu consequat tortor metus in nunc.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ac risus odio. Pellentesque quis arcu aliquet, vehicula velit in, aliquet turpis. Donec laoreet diam a elit commodo ullamcorper. Curabitur eget egestas ipsum, non sagittis sem. Praesent eleifend venenatis ante, eu laoreet magna facilisis vel. Sed dictum est aliquam accumsan scelerisque. Morbi volutpat semper augue quis tincidunt. Duis volutpat ultricies mauris, vel ullamcorper dui auctor eget. Praesent porttitor ante eget orci adipiscing fermentum. Donec euismod tempor consequat. Cras congue egestas mauris, a egestas justo adipiscing ac. Aliquam vitae posuere purus. Nulla facilisi. Maecenas id dolor turpis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse mollis velit a sagittis posuere. Mauris non faucibus leo. Donec a purus diam. Cras sit amet ligula urna. Nam sit amet odio id sem ornare lacinia id id felis. Donec sit amet elementum libero, sed fringilla elit. Aliquam vestibulum vel mi elementum laoreet. Fusce a fermentum est. Nam laoreet posuere dolor eu ornare. Nulla euismod erat cursus, euismod ipsum quis, auctor est. Curabitur lorem massa, interdum a quam ut, sodales luctus purus. Vestibulum consectetur vehicula sollicitudin. Sed magna ipsum, facilisis sed sem ut, sagittis viverra dolor. Donec elementum facilisis urna eget faucibus. Curabitur vel nisl consectetur, bibendum sem in, gravida ante. Sed vitae interdum velit. Ut ultrices nunc in turpis dapibus mattis. Sed bibendum molestie justo, in gravida ipsum condimentum quis. Etiam arcu quam, fermentum quis egestas ac, pretium non magna. Sed ac interdum justo. Ut in suscipit sapien. Sed enim arcu, consequat sit amet tellus sed, pulvinar elementum nibh. Fusce vulputate lectus metus, sit amet mollis elit fringilla eget. Vestibulum ullamcorper id quam id rutrum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam tempus bibendum tempus. Donec vehicula ac nisi vitae convallis. Praesent lobortis turpis a odio pulvinar volutpat. Nam ultricies nibh nec massa viverra, eu aliquet urna malesuada. Maecenas sit amet varius nibh. Nunc neque purus, ultrices vel aliquet ac, ultricies a orci. Donec lobortis metus odio, in placerat quam lacinia quis. Sed vel erat id sem condimentum ullamcorper sit amet id eros. Nam blandit nulla id hendrerit lobortis. Nullam vehicula venenatis urna ac bibendum. Aliquam est ligula, iaculis a metus eu, pellentesque facilisis lorem. Vivamus congue tellus sit amet est aliquam, aliquet venenatis nulla feugiat. Duis sodales at justo quis sagittis. Morbi consequat quam diam, id pretium magna lacinia eu. Morbi fermentum nunc urna, nec aliquam neque porta et. Nunc enim lectus, pellentesque et pellentesque vel, condimentum vitae ante. Donec augue massa, blandit eu viverra quis, adipiscing ut leo. Phasellus varius elementum lacus ac gravida. Duis adipiscing euismod bibendum. Vestibulum vel est vitae libero fermentum convallis. In vel dapibus magna. Duis vestibulum at nibh at tincidunt. Nam accumsan quis nisi a volutpat. Curabitur sollicitudin, ligula eget fringilla varius, dolor justo placerat neque, eu consequat tortor metus in nunc.